<template>
  <div class="page flex-col">
    <div class="outer1 flex-col">
      <div class="main1 flex-col">
        <div class="outer2 flex-col">
          <div class="box1 flex-col">
            <!-- <div class="bd1 flex-row">
              <div class="bd2 flex-col"></div>
              <span class="info1">Sketch</span>
              <div class="bd3 flex-col"></div>
              <span class="txt1">9:41&nbsp;AM</span>
              <div class="bd4 flex-col"></div>
              <span class="txt2">100%</span>
              <div class="bd5 flex-col"></div>
            </div> -->
          </div>
          <div class="box2 flex-row">
            <div class="layer1 flex-col">
              <div class="layer2 flex-col">
                <img
                  class="pic1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6a676a148d666b226e96dd472e25a784f4faede148763cf4ded8bd50f21dc519"
                />
              </div>
            </div>
            <div class="layer3 flex-col">
              <div class="wrap1 flex-row">
                <span class="word1">华小瑞</span>
                <img
                  class="label1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng77592d37aceba666b8ee67e4a347156c123a75ef6d1d68b8a85c7ec6f4187304"
                />
              </div>
              <span class="word2">这里是所属机构名称</span>
            </div>
            <div class="layer4 flex-col">
              <div class="layer5 flex-col">
                <div class="block1 flex-col">
                  <div class="layer6 flex-col"></div>
                  <div class="layer7 flex-col"></div>
                </div>
              </div>
              <div class="layer8 flex-col"><span class="word3">99</span></div>
            </div>
            <div class="layer9 flex-col">
              <div class="outer3 flex-col">
                <img
                  class="label2"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb7923f5e80c3f3370fe43d8ba0fe388707954304cdae1c75ded032f1ac70f7ad"
                />
              </div>
            </div>
          </div>
          <div class="box3 flex-row">
            <div class="block2 flex-col">
              <div class="main2 flex-col">
                <div class="outer4 flex-col">
                  <img
                    class="pic2"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng00e2c3e139ee7fb28041ccee89d46dc74417e4665b6fc2ae025e3fec51433893"
                  />
                </div>
                <span class="txt3">待处理</span>
              </div>
            </div>
            <div class="block3 flex-col"></div>
            <div class="block4 flex-col">
              <div class="group1 flex-col">
                <div class="group2 flex-col">
                  <img
                    class="img1"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng52ac76704a482e4d4948fb90e48469bfeadc4a3ef9fe665887bfc88fd7cb78cd"
                  />
                </div>
                <span class="info2">已完成</span>
              </div>
            </div>
            <div class="block5 flex-col">
              <div class="block6 flex-col">
                <div class="layer10 flex-col">
                  <div class="main3 flex-col">
                    <div class="block7 flex-col">
                      <div class="box4 flex-col"></div>
                      <div class="box5 flex-col"></div>
                    </div>
                  </div>
                </div>
                <span class="word4">暂存</span>
              </div>
            </div>
          </div>
        </div>
        <div class="outer5 flex-col">
          <div class="box6 flex-row">
            <span class="word5">订单信息搬家到了这里哦～</span>
            <div class="layer11 flex-col"></div>
          </div>
        </div>
        <div class="outer6 flex-col">
          <div class="group3 flex-col">
            <div class="mod1 flex-col">
              <img
                class="label3"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng57f8db48512d204f14746558c03ade7029857efb07b45a763e14a358cb4030c3"
              />
            </div>
            <span class="word6">处理中</span>
          </div>
        </div>
      </div>
      <div class="main4 flex-row">
        <div class="box7 flex-col">
          <div class="layer12 flex-row">
            <div class="box8 flex-col"><div class="mod2 flex-col"></div></div>
            <div class="box9 flex-col">
              <span class="word7">我的计划书</span>
              <span class="info3">不超过七个字符</span>
            </div>
          </div>
        </div>
        <div class="box10 flex-col">
          <div class="bd6 flex-row">
            <div class="bd7 flex-col"><div class="bd8 flex-col"></div></div>
            <div class="bd9 flex-col">
              <span class="info4">团队管理</span>
              <span class="word8">我是副文案内容</span>
            </div>
          </div>
        </div>
        <div class="box11 flex-col"><div class="section1 flex-col"></div></div>
      </div>
      <div class="main5 flex-col">
        <div class="main6 flex-row">
          <span class="info5">荣誉榜</span>
          <div class="block8 flex-col"></div>
          <span class="word9">HONOR</span>
        </div>
        <div class="main7 flex-col">
          <div class="main8 flex-col">
            <img
              class="img2"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3206ed36f54dc0fb68b4d1a3cb597ba75297ce0f037061855ba45b342e16802a"
            />
          </div>
        </div>
        <div class="main9 flex-col">
          <img
            class="pic3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbb28d350a576c35ca035878a47195a3633721af9e122639d1e05f3c28e7f1c1a"
          />
          <img
            class="pic4"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng96a36f6f1d71913d6d7dff61c6b3364f1c3d0fab2d95245e9f15f0f0408590a0"
          />
          <img
            class="pic5"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9f39773ea247d3403b4d05388cbcd7d0f00bdd0336ece3700aabe0817630e640"
          />
        </div>
        <img
          class="img3"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd94b1de1af36daf0ff27e0cb185a74f2fe8ac0781fac88995870f93cb8055d02"
        />
        <div class="main10 flex-col">
          <img
            class="img4"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng25154895305d67df108b3d8eaf4323aa7302b5a34e94e81c6a960fc705b321c7"
          />
          <div class="box12 flex-col"></div>
          <img
            class="pic6"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb1cea00d0ec8cd648fc9582aeb9f4d94c3024674fbefa1c36d9f9dfbc9e5a588"
          />
          <div class="box13 flex-col"></div>
          <img
            class="pic7"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng813d1b20b744455827418c5f8a6cf067ab4fa71d7147d125fd2923d3ba23832a"
          />
        </div>
      </div>
      <div class="main11 flex-col">
        <div class="mod3 flex-col">
          <div class="section2 flex-col">
            <div class="main12 flex-row">
              <span class="txt4">我的收入</span>
              <img
                class="label4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng28719701e05592d69bf98b16e1e8155a779fbfcbbb5566a0193819ef65c6b38d"
              />
              <img
                class="label5"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga20493739efa237e680b9dd140fab5ba18db41bd5dafccaef30c7d5078955e3a"
              />
            </div>
          </div>
          <div class="section3 flex-col">
            <div class="outer7 flex-col">
              <div class="group4 flex-row">
                <span class="txt5">上月收入(元)</span>
                <span class="word10">18,953.00</span>
              </div>
              <span class="txt6">2020年11月</span>
              <div class="group5 flex-col"></div>
            </div>
          </div>
          <div class="section4 flex-col">
            <div class="block9 flex-row">
              <span class="word11">全年收入(元)</span>
              <span class="word12">53,920.80</span>
            </div>
            <div class="block10 flex-row">
              <span class="word13">2020年1月至11月</span>
            </div>
          </div>
        </div>
      </div>
      <div class="main13 flex-col">
        <div class="block11 flex-col">
          <div class="layer13 flex-col">
            <span class="word14">展业助手</span>
          </div>
          <div class="layer14 flex-row">
            <div
              class="bd10-0 flex-col"
              v-for="(item, index) in loopData0"
              :key="index"
            >
              <div class="main14-0 flex-col">
                <div class="mod4-0 flex-col">
                  <img
                    class="label6-0"
                    referrerpolicy="no-referrer"
                    :src="item.lanhuimage0"
                  />
                </div>
                <div class="mod5-0 flex-col">
                  <span class="txt7-0" v-html="item.lanhutext0"></span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="main15 flex-col">
        <div class="layer15 flex-col">
          <div class="layer16 flex-col">
            <div class="main16 flex-row">
              <span class="info6">我的成长</span>
              <span class="info7">更多</span>
              <img
                class="icon1"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga20493739efa237e680b9dd140fab5ba18db41bd5dafccaef30c7d5078955e3a"
              />
            </div>
          </div>
          <div class="layer17 flex-row">
            <div class="section5 flex-col">
              <div class="section6 flex-col">
                <div class="section7 flex-col">
                  <span class="word15">今日已学</span>
                </div>
                <div class="section8 flex-col">
                  <div class="main17 flex-row">
                    <span class="info8">0</span>
                    <span class="word16">分钟</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="section9 flex-col">
              <div class="main18 flex-col">
                <button class="group6 flex-col" @click="onClick_1">
                  <span class="info9">累计学习</span>
                </button>
                <div class="group7 flex-col">
                  <div class="layer18 flex-row">
                    <span class="word17">6.8</span>
                    <span class="txt8">小时</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="main19 flex-col">
        <div class="box14 flex-col">
          <div class="main20 flex-row">
            <span class="txt9">联系我们</span>
            <img
              class="icon2"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga20493739efa237e680b9dd140fab5ba18db41bd5dafccaef30c7d5078955e3a"
            />
          </div>
        </div>
      </div>
      <div class="main21 flex-col">
        <div class="wrap2 flex-row">
          <div class="section10 flex-col">
            <div class="layer19 flex-col"></div>
          </div>
          <div class="section11 flex-col"></div>
          <div class="section12 flex-col">
            <div class="outer8 flex-col"></div>
          </div>
          <div class="section13 flex-col">
            <div class="bd11 flex-col"></div>
          </div>
        </div>
        <div class="wrap3 flex-row">
          <span class="info10">首页</span>
          <span class="word18">产品</span>
          <span class="word19">e学堂</span>
          <span class="txt10">我的</span>
        </div>
      </div>
    </div>
    <div class="outer9 flex-col">
      <div class="group8 flex-col">
        <span class="txt11">卓越星级计划</span>
        <span class="word20">平台成长，品质护航</span>
      </div>
      <div class="group9 flex-col">
        <img
          class="img5"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge01f9faa22af656d6de421e7600828cb251adc2336bce0557f1e7b54767ee12f"
        />
        <img
          class="img6"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5a520c84fae5204647342b224e154e808f9b0885f23886481d262d50ccb1f75d"
        />
      </div>
      <div class="group10 flex-col">
        <div class="section14 flex-col">
          <img
            class="img7"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge69235c1d78f85c65f1d8a22df2763e83c58586d03622e199d052ac9709d887d"
          />
        </div>
      </div>
      <img
        class="img8"
        referrerpolicy="no-referrer"
        src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3f25fe0e803506c83c80ae2d40734b680819fb6d84663fb8f6b1ced3ef6b017c"
      />
      <span class="word21">VIP</span>
      <div class="group11 flex-col"></div>
    </div>
    <div class="outer10 flex-col"></div>
    <img
      class="pic8"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge0a0a83a804eba4f084286f1bc6058f044e56005e7985143a1d28147ee0adb0c"
    />
    <div class="outer11 flex-col">
      <div class="group12 flex-row">
        <img
          class="pic9"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb777f38c18160a2727dd0f79998b4d9a4cf3c337215d6dfb1c480095d967cc7c"
        />
        <img
          class="pic10"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng41d8875439d83361863a93c5f4c72ae10ecf0c1513f61829fe7d2b072bd8578b"
        />
      </div>
      <div class="group13 flex-row"><div class="mod6 flex-col"></div></div>
      <div class="group14 flex-col">
        <div class="main22 flex-col">
          <div class="main23 flex-col"></div>
          <div class="main24 flex-col"><span class="info11">TOP20</span></div>
        </div>
      </div>
      <div class="group15 flex-col"></div>
      <div class="group16 flex-col"></div>
    </div>
    <div class="outer12 flex-col"></div>
    <div class="outer13 flex-col">
      <div class="main25 flex-row">
        <span class="info12">我是一句介绍荣誉榜的文案</span>
        <div class="layer20 flex-col">
          <img
            class="icon3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga20493739efa237e680b9dd140fab5ba18db41bd5dafccaef30c7d5078955e3a"
          />
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7237e53c5fe67ea92664ee83bc86849951e3627a13c6f77e935df8ef22e93261',
          lanhutext0: '获客专区'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngafb1e992e3a6b504a6ae6c02426167d782912fb35f8a5dfdc2e75dcef9611c23',
          lanhutext0: '我的微店'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng25081128cde23db2eaa5a4e0147c06e24696388f57ca825eba190b93862d6259',
          lanhutext0: '投保助手'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng472691c0f7e9df5f906ca003e2a7b3575af2bcf12472019c9605b71f155a646f',
          lanhutext0: '核保小助手'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng37fe0adf5a6960ec687b6177eac7f476b14bee5c4b7c8e0dddd44d6acd62f611',
          lanhutext0: '客户管理'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng19b4cd4edff6ac7b6947cf4b5b5df82cc411e7e954466fa758129ca805fc2a03',
          lanhutext0: '复利计算器'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdfb57bb7ecbccd860f925462f34827256fb76ed9c746cb443acf4e2f7e218a4b',
          lanhutext0: '养老金测算'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng784d5c1a1d97bb961d6a6047411fc5df5352af6257cd82d4a20e278c495d603f',
          lanhutext0: 'BMI测算'
        }
      ],
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    }
  }
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 2711px;
  background-color: rgba(247, 246, 248, 1);
  overflow: hidden;
  .outer1 {
    z-index: auto;
    width: 750px;
    height: 2711px;
    .main1 {
      z-index: 2;
      height: 508px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng110e4e74a75a37989469c7668c804adffc2e2a7a7521df4c52d2fb9fd509e242)
        100% no-repeat;
      width: 750px;
      justify-content: flex-start;
      position: relative;
      .outer2 {
        z-index: auto;
        width: 750px;
        height: 346px;
        .box1 {
          z-index: 31;
          height: 40px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbb38286d847ed995a8d2f0d2e1d325082b2031aba24a780678b1b5ddf44558cd) -15px -15px
            no-repeat;
          width: 750px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 7px;
          .bd1 {
            z-index: auto;
            width: 730px;
            height: 28px;
            .bd2 {
              z-index: 52;
              width: 27px;
              height: 18px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbdf105e0452a87e9d11dac7b6d4bb0ab9fd234106d0451db2990eebadbc0cf08) -8px -6px
                no-repeat;
              margin-top: 3px;
            }
            .info1 {
              z-index: 51;
              width: 68px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 21px;
              font-family: Helvetica;
              line-height: 26px;
              margin-left: 7px;
            }
            .bd3 {
              z-index: 47;
              width: 24px;
              height: 17px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2af6c5ef86fefd6095ed0e99410e101bcf1380cb8a47bcc76bd5a43c152bbd86) -7px -6px
                no-repeat;
              margin: 4px 0 0 11px;
            }
            .txt1 {
              z-index: 45;
              width: 81px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 21px;
              font-family: Helvetica;
              line-height: 26px;
              text-align: center;
              margin: 2px 0 0 185px;
            }
            .bd4 {
              z-index: 41;
              width: 14px;
              height: 25px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng922ad7a01aa6ce1abaf8870d18c9dea8ad64f9b192a2ce8061e73c54aebf48b9) -8px -5px
                no-repeat;
              margin-left: 203px;
            }
            .txt2 {
              z-index: 40;
              width: 60px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 21px;
              font-family: Helvetica;
              line-height: 26px;
              text-align: right;
              margin-top: 1px;
            }
            .bd5 {
              z-index: 34;
              width: 45px;
              height: 19px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4e5843ee661ae6b28d5dfa6f3786779af9e4cec5c9a2c4c8bbcb1cacfb92476c) -8px -6px
                no-repeat;
              margin: 3px 0 0 5px;
            }
          }
        }
        .box2 {
          z-index: auto;
          width: 670px;
          height: 90px;
          margin: 44px 0 0 40px;
          .layer1 {
            z-index: 75;
            position: relative;
            width: 90px;
            height: 90px;
            border-radius: 45px;
            overflow: hidden;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng17e023d766c9e5cf6e25751a20c99510548813fba2cc6984f8211383fa92e4d8)
              100% no-repeat;
            .layer2 {
              z-index: 76;
              height: 90px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1a031a45cbaa14ad761bfe7964713d75cb0688e4097b010b1eea94725177c824)
                100% no-repeat;
              width: 90px;
              position: absolute;
              left: 0;
              top: 0;
              .pic1 {
                z-index: 77;
                width: 90px;
                height: 90px;
              }
            }
          }
          .layer3 {
            z-index: auto;
            width: 270px;
            height: 82px;
            margin: 5px 0 0 24px;
            .wrap1 {
              z-index: auto;
              width: 131px;
              height: 48px;
              justify-content: space-between;
              .word1 {
                z-index: 78;
                width: 102px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 34px;
                font-family: PingFangSC-Semibold;
                line-height: 48px;
              }
              .label1 {
                z-index: 79;
                width: 12px;
                height: 14px;
                margin-top: 17px;
              }
            }
            .word2 {
              z-index: 82;
              width: 270px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 0.8);
              font-size: 22px;
              line-height: 30px;
              margin-top: 4px;
            }
          }
          .layer4 {
            z-index: 65;
            height: 56px;
            width: 56px;
            justify-content: center;
            align-items: center;
            position: relative;
            margin: 17px 0 0 161px;
            .layer5 {
              z-index: 66;
              height: 38px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng013d64bfc2b0e6153659c30536aae211f3ab9700e824f9041b9076c6c321b75e)
                100% no-repeat;
              width: 38px;
              justify-content: center;
              align-items: center;
              .block1 {
                z-index: auto;
                width: 16px;
                height: 9px;
                .layer6 {
                  z-index: 70;
                  width: 16px;
                  height: 1px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5ac90ae035aa8406705b9382cd4f6a0e9c5227129a2d1ae4ff08bdf4be59ab65) -1px -1px
                    no-repeat;
                }
                .layer7 {
                  z-index: 69;
                  width: 8px;
                  height: 1px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd504a50c12840a19ad7f0d822b6d1be5d12d3f4e394ed475efbd198fb24436f8) -2px -1px
                    no-repeat;
                  align-self: flex-start;
                  margin-top: 7px;
                }
              }
            }
            .layer8 {
              z-index: 71;
              height: 28px;
              border-radius: 50%;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbd79fbf4e69bf118bed354187a8232f8385186d9a45501a6a4778c9a4a4066e4)
                100% no-repeat;
              width: 28px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 28px;
              top: 0;
              .word3 {
                z-index: 72;
                width: 23px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 20px;
                font-family: Arial-BoldMT;
                line-height: 23px;
                text-align: left;
              }
            }
          }
          .layer9 {
            z-index: 59;
            height: 56px;
            width: 56px;
            justify-content: center;
            align-items: center;
            margin: 17px 0 0 13px;
            .outer3 {
              z-index: 60;
              height: 34px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng025ffc82f7189b34a91951373a3257c0fa2c1b31ecea6061848b69c74ee7c64e)
                100% no-repeat;
              width: 38px;
              justify-content: center;
              align-items: center;
              .label2 {
                z-index: 62;
                width: 18px;
                height: 18px;
              }
            }
          }
        }
        .box3 {
          z-index: auto;
          width: 668px;
          height: 130px;
          margin: 42px 0 0 46px;
          .block2 {
            z-index: 85;
            height: 130px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a9ea266f2f8e89d9ba3946f44965f864f3a4599b20510ae054100b52eafc2bd)
              100% no-repeat;
            width: 167px;
            justify-content: center;
            align-items: center;
            .main2 {
              z-index: auto;
              width: 72px;
              height: 108px;
              .outer4 {
                z-index: 87;
                height: 72px;
                width: 72px;
                justify-content: center;
                align-items: center;
                .pic2 {
                  z-index: 88;
                  width: 50px;
                  height: 50px;
                }
              }
              .txt3 {
                z-index: 86;
                width: 72px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 0.8);
                font-size: 24px;
                line-height: 30px;
                text-align: left;
                margin-top: 6px;
              }
            }
          }
          .block3 {
            z-index: 92;
            width: 12px;
            height: 12px;
            background-color: rgba(243, 60, 42, 1);
            border-radius: 50%;
            margin: 13px 0 0 107px;
          }
          .block4 {
            z-index: 111;
            height: 130px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a9ea266f2f8e89d9ba3946f44965f864f3a4599b20510ae054100b52eafc2bd)
              100% no-repeat;
            margin-left: 48px;
            width: 167px;
            justify-content: center;
            align-items: center;
            .group1 {
              z-index: auto;
              width: 72px;
              height: 108px;
              .group2 {
                z-index: 113;
                height: 72px;
                width: 72px;
                justify-content: center;
                align-items: center;
                .img1 {
                  z-index: 114;
                  width: 50px;
                  height: 46px;
                }
              }
              .info2 {
                z-index: 112;
                width: 72px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 0.8);
                font-size: 24px;
                line-height: 30px;
                text-align: left;
                margin-top: 6px;
              }
            }
          }
          .block5 {
            z-index: 104;
            height: 130px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a9ea266f2f8e89d9ba3946f44965f864f3a4599b20510ae054100b52eafc2bd)
              100% no-repeat;
            width: 167px;
            justify-content: center;
            align-items: center;
            .block6 {
              z-index: auto;
              width: 72px;
              height: 108px;
              .layer10 {
                z-index: 106;
                height: 72px;
                width: 72px;
                justify-content: center;
                align-items: center;
                .main3 {
                  z-index: 107;
                  height: 42px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd486a15e30cd7722b8bb879fba602c96e10009c6d320ec5ecb869c1baa5020a0) -2px -2px
                    no-repeat;
                  width: 48px;
                  justify-content: center;
                  align-items: center;
                  .block7 {
                    z-index: auto;
                    width: 28px;
                    height: 14px;
                    .box4 {
                      z-index: 108;
                      width: 16px;
                      height: 4px;
                      border-radius: 2px;
                      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng426bd0f3e36a4d62c544b36b16fefc29315a242330577ca040225091393f2ac5)
                        100% no-repeat;
                      align-self: flex-start;
                    }
                    .box5 {
                      z-index: 109;
                      width: 28px;
                      height: 4px;
                      border-radius: 2px;
                      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng34fd556da327f5f829ca9e8068630069d913bcb5d4c28cfafa909f138fbb2e99)
                        100% no-repeat;
                      margin-top: 6px;
                    }
                  }
                }
              }
              .word4 {
                z-index: 105;
                width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 0.8);
                font-size: 24px;
                line-height: 30px;
                text-align: center;
                align-self: center;
                margin-top: 6px;
              }
            }
          }
        }
      }
      .outer5 {
        z-index: 189;
        height: 63px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6785a346a00e94f898a911581ce9012bed55c01889f8bf64264933a0bc1f8b2f)
          100% no-repeat;
        width: 368px;
        justify-content: flex-start;
        align-items: flex-end;
        position: absolute;
        left: 92px;
        top: 164px;
        padding: 10px 17px 0 0;
        .box6 {
          z-index: auto;
          width: 328px;
          height: 33px;
          justify-content: space-between;
          .word5 {
            z-index: 195;
            width: 288px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(38, 46, 63, 1);
            font-size: 24px;
            line-height: 33px;
            text-align: left;
          }
          .layer11 {
            z-index: 192;
            width: 16px;
            height: 16px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga9794ea65f086578482e6984912e123c1546efc5af3d236479d94806f75f6fa1) -10px -5px
              no-repeat;
            margin-top: 9px;
          }
        }
      }
      .outer6 {
        z-index: 94;
        height: 130px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a9ea266f2f8e89d9ba3946f44965f864f3a4599b20510ae054100b52eafc2bd)
          100% no-repeat;
        width: 167px;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 213px;
        top: 216px;
        .group3 {
          z-index: auto;
          width: 72px;
          height: 108px;
          .mod1 {
            z-index: 97;
            height: 72px;
            width: 72px;
            justify-content: center;
            align-items: center;
            .label3 {
              z-index: 98;
              width: 40px;
              height: 46px;
            }
          }
          .word6 {
            z-index: 95;
            width: 72px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 0.8);
            font-size: 24px;
            line-height: 30px;
            text-align: left;
            margin-top: 6px;
          }
        }
      }
    }
    .main4 {
      z-index: auto;
      width: 710px;
      height: 150px;
      justify-content: space-between;
      margin: 92px 0 0 40px;
      .box7 {
        z-index: 121;
        height: 150px;
        border-radius: 14px;
        background-color: rgba(255, 255, 255, 1);
        width: 300px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 22px;
        .layer12 {
          z-index: auto;
          width: 248px;
          height: 66px;
          justify-content: space-between;
          .box8 {
            z-index: 124;
            height: 64px;
            border-radius: 10px;
            background-color: rgba(45, 116, 243, 1);
            margin-top: 2px;
            width: 64px;
            justify-content: center;
            align-items: center;
            .mod2 {
              z-index: 125;
              width: 28px;
              height: 32px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4aae69f00428fc8994417f95737cabe765f2c7bfd7ed384fae219a274f9eb6b4)
                0px 0px no-repeat;
            }
          }
          .box9 {
            z-index: auto;
            width: 168px;
            height: 65px;
            .word7 {
              z-index: 131;
              width: 150px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(38, 46, 63, 1);
              font-size: 30px;
              font-family: PingFangSC-Medium;
              line-height: 32px;
              align-self: flex-start;
            }
            .info3 {
              z-index: 132;
              width: 168px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(152, 160, 179, 1);
              font-size: 24px;
              line-height: 24px;
              margin-top: 9px;
            }
          }
        }
      }
      .box10 {
        z-index: 134;
        height: 150px;
        border-radius: 14px;
        background-color: rgba(255, 255, 255, 1);
        width: 300px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 22px;
        .bd6 {
          z-index: auto;
          width: 248px;
          height: 65px;
          justify-content: space-between;
          .bd7 {
            z-index: 137;
            height: 64px;
            border-radius: 10px;
            background-color: rgba(243, 60, 42, 1);
            margin-top: 1px;
            width: 64px;
            justify-content: center;
            align-items: flex-end;
            padding-right: 15px;
            .bd8 {
              z-index: 138;
              width: 31px;
              height: 32px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd80e0ee15ee07ea161494e03e941972527cd698c7f487567a8eeec60bd20489f)
                0px -1px no-repeat;
            }
          }
          .bd9 {
            z-index: auto;
            width: 168px;
            height: 65px;
            .info4 {
              z-index: 143;
              width: 160px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(38, 46, 63, 1);
              font-size: 30px;
              font-family: PingFangSC-Medium;
              line-height: 32px;
              align-self: flex-start;
            }
            .word8 {
              z-index: 144;
              width: 168px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(152, 160, 179, 1);
              font-size: 24px;
              line-height: 24px;
              margin-top: 9px;
            }
          }
        }
      }
      .box11 {
        z-index: 351;
        height: 150px;
        border-radius: 14px;
        background-color: rgba(255, 255, 255, 1);
        width: 70px;
        justify-content: center;
        align-items: flex-end;
        .section1 {
          z-index: 354;
          width: 40px;
          height: 64px;
          border-radius: 10px;
          background-color: rgba(255, 155, 26, 1);
        }
      }
    }
    .main5 {
      z-index: 360;
      height: 150px;
      border-radius: 14px 14px 0 0;
      overflow: hidden;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbdc64ed97ca5c8760482f7172ede3315b495d0fc4c09d2818b56f749b5e8f431)
        100% no-repeat;
      align-self: center;
      margin-top: 40px;
      width: 670px;
      justify-content: center;
      align-items: flex-start;
      padding-left: 40px;
      position: relative;
      .main6 {
        z-index: auto;
        width: 312px;
        height: 74px;
        justify-content: space-between;
        .info5 {
          z-index: 417;
          width: 160px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 180, 89, 1);
          font-size: 54px;
          font-family: Alibaba-PuHuiTi-B;
          line-height: 74px;
          text-align: center;
          background-image: linear-gradient(
            172deg,
            rgba(255, 248, 232, 1) 0%,
            rgba(229, 178, 142, 1) 100%
          );
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
        .block8 {
          z-index: 415;
          width: 9px;
          height: 9px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng697475e1a8e775ff2167ad52c2d874c4b453001a2d2590d8f4a74b5eb0732e0e) -1px -1px
            no-repeat;
          margin-top: 49px;
        }
        .word9 {
          z-index: 416;
          width: 124px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(253, 213, 183, 1);
          font-size: 28px;
          font-family: YouSheBiaoTiHei;
          line-height: 36px;
          margin-top: 33px;
        }
      }
      .main7 {
        z-index: 370;
        position: absolute;
        left: 510px;
        top: 0;
        width: 160px;
        height: 114px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngca1fb1fb733fad5145265d948266ddd1c8951ff94b5d94364dbb4ed8df489e08)
          100% no-repeat;
        .main8 {
          z-index: 372;
          height: 115px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng36e6a47aea0447ddf06838b2248e1d10a57102d343b1003dcbf4653806741b02)
            100% no-repeat;
          width: 160px;
          justify-content: flex-start;
          align-items: flex-end;
          position: absolute;
          left: 0;
          top: 0;
          .img2 {
            z-index: 373;
            width: 115px;
            height: 71px;
          }
        }
      }
      .main9 {
        z-index: 363;
        position: absolute;
        left: 0;
        top: 0;
        width: 563px;
        height: 117px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6f8c284322361f13e94fb4c9f0fd23decefcc79720bd7fcd4883459752de91ff)
          100% no-repeat;
        .pic3 {
          z-index: 366;
          position: absolute;
          left: 257px;
          top: 0;
          width: 265px;
          height: 56px;
        }
        .pic4 {
          z-index: 367;
          position: absolute;
          left: 45px;
          top: 0;
          width: 354px;
          height: 71px;
        }
        .pic5 {
          z-index: 365;
          position: absolute;
          left: 0;
          top: 0;
          width: 199px;
          height: 115px;
        }
      }
      .img3 {
        z-index: 374;
        position: absolute;
        left: 365px;
        top: 0;
        width: 305px;
        height: 129px;
      }
      .main10 {
        z-index: 376;
        height: 238px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0a700750094f56c76ab554d3018a4009542204f494e070e89f19c2292c48afa1)
          100% no-repeat;
        width: 750px;
        justify-content: flex-end;
        align-items: flex-end;
        position: absolute;
        left: -40px;
        top: -30px;
        padding: 0 135px 58px 0;
        .img4 {
          z-index: 380;
          width: 196px;
          height: 29px;
        }
        .box12 {
          z-index: 379;
          position: absolute;
          left: 40px;
          top: 39px;
          width: 670px;
          height: 141px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1b3168ac8a2411e213f1ea663f33b6b769de9f5db5724a36f95377241488ba04)
            100% no-repeat;
        }
        .pic6 {
          z-index: 377;
          position: absolute;
          left: 40px;
          top: 39px;
          width: 670px;
          height: 141px;
        }
        .box13 {
          z-index: 378;
          position: absolute;
          left: 592px;
          top: 38px;
          width: 199px;
          height: 157px;
        }
        .pic7 {
          z-index: 381;
          position: absolute;
          left: 347px;
          top: 114px;
          width: 223px;
          height: 66px;
        }
      }
    }
    .main11 {
      z-index: 146;
      height: 410px;
      border-radius: 14px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 119px;
      width: 670px;
      justify-content: flex-end;
      padding-bottom: 10px;
      .mod3 {
        z-index: auto;
        width: 670px;
        height: 380px;
        .section2 {
          z-index: 148;
          height: 90px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .main12 {
            z-index: auto;
            width: 605px;
            height: 40px;
            .txt4 {
              z-index: 151;
              width: 152px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(38, 46, 63, 1);
              font-size: 38px;
              font-family: Helvetica;
              line-height: 40px;
              text-align: left;
            }
            .label4 {
              z-index: 152;
              width: 38px;
              height: 25px;
              margin: 7px 0 0 29px;
            }
            .label5 {
              z-index: 159;
              width: 12px;
              height: 14px;
              margin: 13px 0 0 374px;
            }
          }
        }
        .section3 {
          z-index: 164;
          height: 140px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5c622d0aa7ef8e213ae9102b44525a9edbf970c8ac35dc9bf949599e5d73e70)
            100% no-repeat;
          align-self: center;
          margin-top: 10px;
          width: 610px;
          justify-content: flex-end;
          .outer7 {
            z-index: auto;
            width: 610px;
            height: 108px;
            .group4 {
              z-index: auto;
              width: 610px;
              height: 44px;
              justify-content: space-between;
              .txt5 {
                z-index: 166;
                width: 170px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(51, 51, 51, 1);
                font-size: 30px;
                font-family: Helvetica;
                line-height: 36px;
                text-align: left;
              }
              .word10 {
                z-index: 167;
                width: 371px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 38px;
                font-family: Arial-BoldMT;
                line-height: 43px;
                text-align: right;
              }
            }
            .txt6 {
              z-index: 168;
              width: 220px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(152, 160, 179, 1);
              font-size: 24px;
              line-height: 30px;
              align-self: flex-start;
              margin-top: 2px;
            }
            .group5 {
              z-index: 165;
              width: 610px;
              height: 1px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga3b00a4418cb5ead32723635ccb514e3800efe12b59cecea66c7a7b2c44c1214) -1px
                0px no-repeat;
              margin-top: 31px;
            }
          }
        }
        .section4 {
          z-index: 170;
          height: 140px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5c622d0aa7ef8e213ae9102b44525a9edbf970c8ac35dc9bf949599e5d73e70)
            100% no-repeat;
          align-self: center;
          width: 610px;
          .block9 {
            z-index: auto;
            width: 610px;
            height: 44px;
            margin-top: 32px;
            justify-content: space-between;
            .word11 {
              z-index: 171;
              width: 170px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(51, 51, 51, 1);
              font-size: 30px;
              font-family: Helvetica;
              line-height: 36px;
              text-align: left;
            }
            .word12 {
              z-index: 172;
              width: 412px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(38, 46, 63, 1);
              font-size: 38px;
              font-family: Arial-BoldMT;
              line-height: 43px;
              text-align: right;
            }
          }
          .block10 {
            z-index: auto;
            width: 183px;
            height: 30px;
            margin-top: 2px;
            .word13 {
              z-index: 173;
              width: 183px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(152, 160, 179, 1);
              font-size: 24px;
              line-height: 30px;
            }
          }
        }
      }
    }
    .main13 {
      z-index: 233;
      height: 430px;
      border-radius: 14px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: flex-start;
      padding-top: 20px;
      .block11 {
        z-index: auto;
        width: 670px;
        height: 369px;
        .layer13 {
          z-index: 348;
          height: 90px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .word14 {
            z-index: 349;
            width: 160px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(38, 46, 63, 1);
            font-size: 40px;
            font-family: Helvetica;
            line-height: 40px;
            text-align: left;
          }
        }
        .layer14 {
          z-index: auto;
          width: 630px;
          height: 269px;
          align-self: center;
          margin-top: 10px;
          flex-wrap: wrap;
          .bd10-0 {
            z-index: 277;
            height: 130px;
            width: 146px;
            justify-content: center;
            align-items: center;
            margin: 0 15px 10px 0;
            &:nth-child(4n) {
              margin-right: 0;
            }
            &:nth-last-child(-n + 4) {
              margin-bottom: 0;
            }
            .main14-0 {
              z-index: auto;
              width: 120px;
              height: 110px;
              .mod4-0 {
                z-index: 282;
                height: 64px;
                align-self: center;
                width: 64px;
                justify-content: center;
                align-items: center;
                .label6-0 {
                  z-index: 283;
                  width: 46px;
                  height: 46px;
                }
              }
              .mod5-0 {
                z-index: 279;
                height: 40px;
                margin-top: 6px;
                width: 120px;
                justify-content: center;
                .txt7-0 {
                  z-index: 280;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(118, 127, 149, 1);
                  font-size: 24px;
                  line-height: 34px;
                  text-align: center;
                }
              }
            }
          }
        }
      }
    }
    .main15 {
      z-index: 197;
      height: 350px;
      border-radius: 14px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: flex-start;
      padding-top: 20px;
      .layer15 {
        z-index: auto;
        width: 670px;
        height: 290px;
        .layer16 {
          z-index: 217;
          height: 90px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .main16 {
            z-index: auto;
            width: 605px;
            height: 40px;
            .info6 {
              z-index: 219;
              width: 152px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(38, 46, 63, 1);
              font-size: 38px;
              font-family: Helvetica;
              line-height: 40px;
              text-align: left;
            }
            .info7 {
              z-index: 220;
              width: 52px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(118, 127, 149, 1);
              font-size: 26px;
              line-height: 38px;
              text-align: right;
              margin: 1px 0 0 372px;
            }
            .icon1 {
              z-index: 221;
              width: 12px;
              height: 14px;
              margin: 13px 0 0 17px;
            }
          }
        }
        .layer17 {
          z-index: auto;
          width: 610px;
          height: 180px;
          justify-content: space-between;
          margin: 20px 0 0 30px;
          .section5 {
            z-index: 199;
            height: 180px;
            border-radius: 10px;
            background-color: rgba(246, 248, 255, 1);
            width: 296px;
            justify-content: flex-start;
            padding-top: 26px;
            align-items: center;
            .section6 {
              z-index: auto;
              width: 236px;
              height: 124px;
              .section7 {
                z-index: 201;
                height: 54px;
                width: 236px;
                justify-content: center;
                align-items: flex-start;
                .word15 {
                  z-index: 202;
                  width: 112px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(118, 127, 149, 1);
                  font-size: 28px;
                  line-height: 40px;
                  text-align: left;
                }
              }
              .section8 {
                z-index: 204;
                height: 60px;
                margin-top: 10px;
                width: 236px;
                justify-content: flex-end;
                align-items: flex-start;
                .main17 {
                  z-index: auto;
                  width: 104px;
                  height: 56px;
                  justify-content: space-between;
                  .info8 {
                    z-index: 205;
                    width: 28px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 50px;
                    font-family: Arial-BoldMT;
                    line-height: 58px;
                    text-align: left;
                  }
                  .word16 {
                    z-index: 206;
                    width: 56px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 28px;
                    line-height: 40px;
                    text-align: left;
                    margin-top: 12px;
                  }
                }
              }
            }
          }
          .section9 {
            z-index: 208;
            height: 180px;
            border-radius: 10px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf13dd76910f6d9a8b0b3a2c8d94c25bdf7b266a8778a6532ebe0c81d5d14948e)
              100% no-repeat;
            width: 296px;
            justify-content: flex-start;
            padding-top: 26px;
            align-items: center;
            .main18 {
              z-index: auto;
              width: 236px;
              height: 124px;
              .group6 {
                z-index: 210;
                height: 54px;
                width: 236px;
                justify-content: center;
                align-items: flex-start;
                .info9 {
                  z-index: 211;
                  width: 112px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(118, 127, 149, 1);
                  font-size: 28px;
                  line-height: 40px;
                  text-align: left;
                }
              }
              .group7 {
                z-index: 213;
                height: 60px;
                margin-top: 10px;
                width: 236px;
                justify-content: center;
                align-items: flex-start;
                .layer18 {
                  z-index: auto;
                  width: 138px;
                  height: 56px;
                  justify-content: space-between;
                  .word17 {
                    z-index: 214;
                    width: 70px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 50px;
                    font-family: Arial-BoldMT;
                    line-height: 58px;
                    text-align: left;
                  }
                  .txt8 {
                    z-index: 215;
                    width: 56px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 28px;
                    line-height: 40px;
                    text-align: left;
                    margin-top: 14px;
                  }
                }
              }
            }
          }
        }
      }
    }
    .main19 {
      z-index: 225;
      height: 120px;
      border-radius: 14px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: center;
      .box14 {
        z-index: 227;
        height: 90px;
        width: 670px;
        justify-content: center;
        align-items: flex-start;
        padding-left: 30px;
        .main20 {
          z-index: auto;
          width: 605px;
          height: 40px;
          justify-content: space-between;
          .txt9 {
            z-index: 228;
            width: 160px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(38, 46, 63, 1);
            font-size: 40px;
            font-family: Helvetica;
            line-height: 40px;
            text-align: left;
          }
          .icon2 {
            z-index: 229;
            width: 12px;
            height: 14px;
            margin-top: 13px;
          }
        }
      }
    }
    .main21 {
      z-index: 8;
      height: 98px;
      background-color: rgba(255, 255, 255, 1);
      box-shadow: inset 0px 1px 0px 0px rgba(235, 235, 235, 1);
      margin-top: 154px;
      width: 750px;
      .wrap2 {
        z-index: auto;
        width: 601px;
        height: 43px;
        margin: 12px 0 0 75px;
        .section10 {
          z-index: 10;
          height: 40px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd8bc4003e8dae0fed822afdec6d202d5e20ce2c39f3550afb50421b1dbdef190)
            100% no-repeat;
          width: 38px;
          justify-content: flex-end;
          padding-bottom: 2px;
          align-items: center;
          .layer19 {
            z-index: 12;
            width: 1px;
            height: 10px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5111ef8d2f59c18458026d1665f44fce98aed675040f45dcf5e3753cf8a13243) -1px -2px
              no-repeat;
          }
        }
        .section11 {
          z-index: 15;
          width: 42px;
          height: 40px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc5ea46c8c989c07f81422500c6b7d4f01b0a62f7aae15278f82d3f3f9264e006) -1px
            0px no-repeat;
          margin: 1px 0 0 143px;
        }
        .section12 {
          z-index: 22;
          height: 42px;
          border-radius: 2px 12px 2px 2px;
          border: 4px solid rgba(190, 194, 204, 1);
          width: 40px;
          justify-content: flex-start;
          align-items: flex-start;
          margin: 1px 0 0 149px;
          padding: 3px 0 0 13px;
          .outer8 {
            z-index: 23;
            width: 1px;
            height: 14px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng68f70abcaafd7c42d9dcd20bd8e2f39d1038a9b245b0e19288ad30178477a11a) -2px -2px
              no-repeat;
          }
        }
        .section13 {
          z-index: 25;
          height: 42px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng33e5e5023f99a253b7ec255b0ccdee12d4c4fb730ef660a3e68d9b39438e799d)
            100% no-repeat;
          margin-left: 147px;
          width: 42px;
          justify-content: flex-end;
          padding-bottom: 11px;
          align-items: center;
          .bd11 {
            z-index: 28;
            width: 15px;
            height: 4px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng963fc2b1ad4e4c69b075e75ab9857e20d0a278a00f111ed603fd5c1e6648dde1) -2px -2px
              no-repeat;
          }
        }
      }
      .wrap3 {
        z-index: auto;
        width: 610px;
        height: 24px;
        justify-content: space-between;
        margin: 7px 0 0 70px;
        .info10 {
          z-index: 13;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .word18 {
          z-index: 19;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .word19 {
          z-index: 21;
          width: 62px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .txt10 {
          z-index: 29;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 24px;
          font-family: Helvetica;
          line-height: 24px;
          text-align: justify;
        }
      }
    }
  }
  .outer9 {
    z-index: 175;
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng808fe72ddeb12ba25260e82d991637c34c6706d39d56c0285d683423482f4b73)
      100% no-repeat;
    width: 670px;
    justify-content: flex-end;
    padding-bottom: 51px;
    align-items: center;
    position: absolute;
    left: 40px;
    top: 370px;
    .group8 {
      z-index: auto;
      width: 355px;
      height: 94px;
      .txt11 {
        z-index: 186;
        width: 355px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(111, 62, 0, 1);
        font-size: 56px;
        letter-spacing: 3.1111111640930176px;
        font-family: STSongti-SC-Black;
        line-height: 44px;
        text-align: left;
        background-image: linear-gradient(
          164deg,
          rgba(161, 73, 15, 1) 0%,
          rgba(93, 34, 0, 1) 100%
        );
        text-shadow: 0px 2px 0px rgba(255, 255, 255, 0.79);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .word20 {
        z-index: 187;
        width: 252px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(109, 53, 5, 1);
        font-size: 28px;
        line-height: 30px;
        text-align: left;
        align-self: center;
        margin-top: 20px;
      }
    }
    .group9 {
      z-index: 177;
      height: 200px;
      border-radius: 19.38735177865613px 19.38735177865613px 19.38735177865613px
        19.38735177865613px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga85241f2cf4a39d355cc954fffc668a3d7e50742de07b19db8e814958d60f051)
        100% no-repeat;
      width: 670px;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 22px;
      position: absolute;
      left: 0;
      top: 0;
      .img5 {
        z-index: 178;
        width: 319px;
        height: 109px;
      }
      .img6 {
        z-index: 179;
        position: absolute;
        left: 120px;
        top: 0;
        width: 263px;
        height: 28px;
      }
    }
    .group10 {
      z-index: 180;
      height: 200px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng068bb9d2476475459417193d20a581d9f8a315d4c51158626b606a4a82514a87)
        100% no-repeat;
      width: 670px;
      position: absolute;
      left: 0;
      top: 0;
      .section14 {
        z-index: 181;
        height: 200px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb1c423e3bed8da71c33a85b8e8546e6dbaa8d98690a9084f8184782278231751)
          100% no-repeat;
        width: 670px;
        justify-content: flex-start;
        align-items: flex-end;
        .img7 {
          z-index: 183;
          width: 121px;
          height: 83px;
        }
      }
    }
    .img8 {
      z-index: 184;
      position: absolute;
      left: 2px;
      top: 127px;
      width: 118px;
      height: 73px;
    }
    .word21 {
      z-index: 185;
      position: absolute;
      left: 427px;
      top: 92px;
      width: 243px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 222, 118, 0.29);
      font-size: 140px;
      letter-spacing: 7.777777671813965px;
      font-family: Helvetica;
      line-height: 168px;
      text-align: right;
    }
    .group11 {
      z-index: 182;
      position: absolute;
      left: -53px;
      top: 146px;
      width: 263px;
      height: 175px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8f40b1f07f537d81f4acee5eb56539f0587c1f12ec6fdd885af978ad1781f4bd)
        54px -81px no-repeat;
    }
  }
  .outer10 {
    z-index: 355;
    position: absolute;
    left: 727px;
    top: 660px;
    width: 32px;
    height: 32px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd2b8829552147f95a44b1100ffa780c435a2e2e3cee5e620a3aa1b1bb6ba5cd7)
      0px 0px no-repeat;
  }
  .pic8 {
    z-index: 401;
    position: absolute;
    left: 504px;
    top: 723px;
    width: 135px;
    height: 133px;
  }
  .outer11 {
    z-index: 390;
    height: 206px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3fb168cf1e9bde1add60f9a75053f06115e9c437025d9406add80412734d9e52)
      0px 0px no-repeat;
    width: 234px;
    position: absolute;
    left: 488px;
    top: 743px;
    .group12 {
      z-index: auto;
      width: 181px;
      height: 108px;
      justify-content: space-between;
      margin: 63px 0 0 5px;
      .pic9 {
        z-index: 393;
        width: 95px;
        height: 105px;
        margin-top: 3px;
      }
      .pic10 {
        z-index: 394;
        width: 75px;
        height: 106px;
      }
    }
    .group13 {
      z-index: auto;
      width: 45px;
      height: 20px;
      margin: 5px 0 0 138px;
      .mod6 {
        z-index: 391;
        width: 45px;
        height: 20px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5c52d791d75695a6a30895840eedce0d6ac1d803c0d19ba9d89c90b125d99855) -5px -4px
          no-repeat;
      }
    }
    .group14 {
      z-index: 395;
      height: 161px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng00adbf332dc26596ea7e8fb379749d7cb2bcd64a995d498df0e889e98c50b0c4)
        0px 1px no-repeat;
      width: 110px;
      justify-content: flex-end;
      padding-bottom: 8px;
      align-items: center;
      position: absolute;
      left: 48px;
      top: 36px;
      .main22 {
        z-index: auto;
        width: 76px;
        height: 32px;
        .main23 {
          z-index: 398;
          width: 76px;
          height: 5px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng598ed9c6bdbbf0d5f4c9622fa605b7f152d5ac15e395432668492c69665c06c2)
            0px -1px no-repeat;
        }
        .main24 {
          z-index: 396;
          height: 24px;
          border-radius: 2.7216px 2.7216px 2.7216px 2.7216px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngab772d0fd779ec89e4091db79902ccba2f44d0500949ce628fc855bdb655b15e) -1px
            0px no-repeat;
          align-self: center;
          margin-top: 3px;
          width: 49px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 1px;
          .info11 {
            z-index: 397;
            width: 41px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 10px;
            font-family: Arial-Black;
            line-height: 14px;
            text-align: left;
          }
        }
      }
    }
    .group15 {
      z-index: 399;
      position: absolute;
      left: 17px;
      top: 162px;
      width: 48px;
      height: 12px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf73d57c365c344dbce0354d1df5099f4ccb67d496fe1b21121b1573355099f35)
        6px -4px no-repeat;
    }
    .group16 {
      z-index: 400;
      position: absolute;
      left: 120px;
      top: 189px;
      width: 86px;
      height: 12px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdb6f738e8b9000914e8cdc9e9265da0a971ee82fde45230ef26525e1a23005f6) -4px -6px
        no-repeat;
    }
  }
  .outer12 {
    z-index: 414;
    position: absolute;
    left: 148px;
    top: 929px;
    width: 23px;
    height: 23px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd0f0b414d153882107902d287aed4f02d293ee51135b3f963b64e6f7096cba4d)
      0px -1px no-repeat;
  }
  .outer13 {
    z-index: 409;
    height: 90px;
    border-radius: 0 0 14px 14px;
    background-color: rgba(255, 255, 255, 1);
    width: 670px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 40px;
    top: 940px;
    .main25 {
      z-index: auto;
      width: 610px;
      height: 40px;
      justify-content: space-between;
      .info12 {
        z-index: 413;
        width: 336px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 28px;
        font-family: PingFangSC-Medium;
        line-height: 40px;
        text-align: left;
      }
      .layer20 {
        z-index: 411;
        height: 24px;
        margin-top: 8px;
        width: 24px;
        justify-content: center;
        align-items: center;
        .icon3 {
          z-index: 412;
          width: 12px;
          height: 14px;
        }
      }
    }
  }
}

</style>
